import Cookies from 'js-cookie'
const state={
	//collapse:true,
	device: 'desktop',
	//新增左右框
	sidebar: {
	  opened: Cookies.get('sidebarStatus') ? !!+Cookies.get('sidebarStatus') : true,
	  withoutAnimation: false //动画效果
	},
	
	
}
const mutations = {
	TOGGLE_SIDEBAR: state => {
		
	  state.sidebar.opened = !state.sidebar.opened
	  state.sidebar.withoutAnimation = false
	  if (state.sidebar.opened) {
	    Cookies.set('sidebarStatus', 1)
	  } else {
	    Cookies.set('sidebarStatus', 0)
	  }
	  
	},
	CLOSE_SIDEBAR: (state, withoutAnimation) => {
		//console.log(Cookies.get('sidebarStatus'));
	  Cookies.set('sidebarStatus', 0)
	  state.sidebar.opened = false
	  state.sidebar.withoutAnimation = withoutAnimation
	},
	TOGGLE_DEVICE: (state, device) => {
	  state.device = device
	},
	OPEN_SIDEBAR:(state,withoutAnimation)=>{
		Cookies.set('sidebarStatus', 1)
		state.sidebar.opened = true
		state.sidebar.withoutAnimation = withoutAnimation
	}
	// COLLAPSE:(state)=>{
	// 	state.collapse = !state.collapse
	// },
	// IS_COLLAPSE:(state)=>{
	// 	state.collapse = true; 
	// },
	// NOT_COLLAPSE:(state)=>{
	// 	state.collapse = false; 
	// },
}

const actions = {
	toggleSideBar({ commit }) {
	  commit('TOGGLE_SIDEBAR')
	},
	closeSideBar({ commit }, { withoutAnimation }) {
	  commit('CLOSE_SIDEBAR', withoutAnimation)
	},
	openSideBar({ commit }, { withoutAnimation }) {
	  commit('OPEN_SIDEBAR', withoutAnimation)
	},
	toggleDevice({ commit }, device) {
	  commit('TOGGLE_DEVICE', device)
	},
}

export default {
  namespaced: true,
  state,
  mutations,
  actions
}